/* MOCKUP STYLE SHEET */

/*===[ GLOBAL CSS STYLES ]===*/
body > p {display: none; margin: 0; padding: 0; text-align: center;}
#content {display: block !important; margin: 0 auto !important; padding: 20px 20px 25px; max-width: 1160px;}
/* #_3ColDiv {display: block; width: 100%; margin: 0 auto; padding: 0;} */
#content p {font-size: 14px; line-height: 1.5;}
#content h1 {font-size: 28px; margin: .5em 0;}
#content h2 {font-size: 18px;}
#content h2.headline-border {margin-bottom: 10px; border-bottom: 1px solid #333; box-sizing: border-box;}

span.icon-home {display: inline-block; font-size: 22px; margin: -3px 1px 0 0; vertical-align: middle;}

.duration_search {display: none !important;}

a.resultTitleLink:empty {display: none !important;}

/* SUBHEADER ITEMS */
#SubHeaderLinks, .subheader {display: none;}
.subheader__share a {display: none;}
#language-toggle {display: none;}

/* FAUX BREADCRUMBS */
.faux-breadcrumbs {display: block; width: 100%; margin: 10px auto 20px; padding: 5px 10px 2px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box; font-size: 12px; line-height: 1.5;}
.faux-breadcrumbs a {color: #333; text-decoration: none; font-size: 12px !important; font-weight: normal;}
.faux-breadcrumbs a:visited {color: #333; text-decoration: underline; font-weight: normal;}
.faux-breadcrumbs a:hover {color: #000; text-decoration: underline; font-weight: normal;}

/* COLUMNS */
.layout-threecolumn > .left-column, .layout-threecolumn > .right-column {display: none;}
.content-column {display: block; vertical-align: initial;}
.content-column #root > div {display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; margin: 10px -5px; padding: 0;}
.layout-twocolumn #leftColumn, .layout-threecolumn .left-column, .layout-threecolumn .content-column {display: block;}
.content-column .left-column {display: block; position: relative; -webkit-flex: 1 0 22%; -ms-flex: 1 0 22%; flex: 1 0 22%; justify-content: flex-end; margin: 5px; padding: 0;}
.content-column .right-column {display: block !important; position: relative; -webkit-flex: 1 0 74%; -ms-flex: 1 0 74%; flex: 1 0 74%; justify-content: flex-end; margin: 5px; padding: 0 0 0 15px !important; border-left: 1px solid #d3d3d3; box-sizing: border-box;}

/* BANNER */
.content-banner__container {display: block; width: 100%; height: 200px; overflow: hidden;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(60deg, rgba(0,0,0,1) 0%, rgba(204,0,0,1) 65%, rgba(204,0,0,1) 80%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(60deg, rgba(0,0,0,1) 0%, rgba(204,0,0,1) 65%, rgba(204,0,0,1) 80%, rgba(0,0,0,1) 100%);
    background: linear-gradient(60deg, rgba(0,0,0,1) 0%, rgba(204,0,0,1) 65%, rgba(204,0,0,1) 80%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
.content-banner {display: block; position: relative; margin: 0 auto; padding: 0 20px; max-width: 1160px;}
.content-banner .content-banner__content {display: block; float: left; width: 63%; margin: 25px 50px 0 50px;}
.content-banner .content-banner__content h1 {display: block; width: auto; height: auto; margin: 0; padding: 0; color: #fff; font-size: 36px; text-transform: uppercase; text-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.content-banner .content-banner__content p {display: block; width: auto; height: auto; margin: 2px 0 0 0; padding: 0; color: #fff; font-size: 26px; line-height: 1.3; text-shadow: 1px 1px 5px rgba(0,0,0,0.5);}
.content-banner .custom-button {display: block; position: relative; top: 15px; left: 0; width: 300px; height: 45px;}
.content-banner .custom-button a {display: block; width: inherit; height: inherit; margin: 0; padding: 12px 15px; background: transparent; color: #fff; border: 2px solid #fff; border-radius: 50em; box-sizing: border-box; font-size: 16px; text-decoration: none; text-align: center; text-transform: uppercase;}
.content-banner .custom-button a:hover {background: #cc0000; color: #fff; border: 2px solid #cc0000; box-sizing: border-box;}
.content-banner .content-banner__imagery {display: block; position: absolute; top: -2px; right: 120px; margin: 0; padding: 0;} 
.content-banner .content-banner__imagery img {display: block; width: 265px; height: auto;}

/*===[ CONTENT SECTION ]===*/
.content-column .right-column {display: table-cell; padding-left: 20px;}
.rtl .content-column .right-column {padding-left:0px; padding-right:20px;}

/* RESULTS */
.result-loader {display: block; width: 54px; height: 55px; background-image: url('https://www.digikey.com/-/media/Images/Content%20Search/ajax-loader.gif'); margin: 20px auto;}

.result-list {display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; margin: 0 -5px 10px; padding: 0; clear:both;}
.result-list .result {display: block; position: relative; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; justify-content: flex-end; height: auto !important; margin: 5px; padding: 0; overflow: hidden; border-top: 1px solid #ccc; box-sizing: border-box; background: #fff; color: #333;}

.result-list .result .searchResultImg {display: block; float: right; width: 200px; height: auto; margin: 0 auto; padding: 10px; background: #fff; border: 0; overflow: hidden; box-sizing: border-box;}
.result-list .result img.searchResultImg {display: block; width: auto; max-height: 100px; margin: 18px 0 18px 15px; padding: 0;}

.result-list .result .resultTitleLink {display: block; width: auto; height: auto; margin: 0; padding: 7px 7px 3px; font-size: 16px; line-height: 1.5; font-weight: bold; color: #333; box-sizing: border-box; text-decoration: none;}
.result-list .result > div {display: block; display: block; width: auto; height: auto; margin: 10px 0 0 0; padding: 0 7px; font-size: 14px; line-height: auto; font-weight: normal; color: #333; box-sizing: border-box; text-decoration: none;}
.result-list .result > div a {text-decoration: none; color: #4191c4;}
.result-list .result > div a:hover {text-decoration: underline; color: #4191c4;}
.result-list .result > div a:visited {text-decoration: none; color: #770077;}
.result-list .result .publish_date_search {display: block; width: auto; height: auto; margin: 0 0 5px; padding: 0 7px; line-height: 14px; background: #fff; color: #333; box-sizing: border-box; font-style: italic;}
.result-list .result .updated_date_search {display: block; width: auto; height: auto; padding: 0 7px; line-height: 14px; background: #fff; color: #333; box-sizing: border-box; font-style: italic;}
.result-list .result .duration_search {float: none; display: block; width: auto; height: auto; padding: 0 7px; line-height: 14px; background: #fff; color: #333; box-sizing: border-box; font-style: italic;}
.result-list .result p {display: block; width: auto; margin: 0; padding: 7px 7px 0; font-size: 14px; line-height: 1.5; font-weight: normal; box-sizing: border-box; opacity: 1;}

/* VIDEO */
.video-result-container {display: block !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important;}
.video-result-container .video-result .video-image {display: block; float: right; width: auto; height: auto; margin: 0; padding: 0; background: #fff; border: 0; overflow: hidden; box-sizing: border-box;}
.rtl .video-result-container .video-result .video-image {display: block; float: left; width: auto; height: auto; margin: 0; padding: 0; background: #fff; border: 0; overflow: hidden; box-sizing: border-box;}
.video-result-container .video-result .video-image img {display: block; float:right; width: auto; max-height: 100px; margin: 18px 0 18px 15px; padding: 0;}
.video-result-container .video-result a.video-link {display: block; width: auto; height: auto; margin: 0; padding: 7px; font-size: 14px; line-height: auto; font-weight: bold; color: #333; box-sizing: border-box; text-decoration: none;}
.video-result-container .video-result a:hover.video-link {color: #333;}
.video-result-container .video-result a:visited.video-link {color: #333;}
.video-result-container .video-result .video-text {display: block; width: auto; margin: 0; padding: 7px 7px; font-size: 14px; line-height: 1.5; font-weight: normal; box-sizing: border-box; opacity: 1;}
.video-result-container .video-result .video-search-result-publish-date {display: block; width: auto; height: auto; padding: 0 7px; line-height: 14px; background: #fff; color: #333; box-sizing: border-box; font-style: italic;}

/* PARTNER */
.partner-info {padding: 0 !important;}
.partner-info .result-title-link {display: block; width: auto; height: auto; margin: 0; padding: 7px 7px 3px; font-size: 16px; line-height: 1.5; font-weight: bold; color: #333 !important; box-sizing: border-box; text-decoration: none !important;}

/*===[ REFINE SEARCH SECTION ]===*/
/* SEARCH */
.left-column .search-bar {display: block; margin: 0 0 10px;}
.left-column .search-bar button {float: right; margin: 0 0 0 -10px; padding: 6px 10px; background: #fff; border: 2px solid #aaa; border-radius: 50em; box-sizing: border-box; cursor: pointer; font-weight: bold;}
.rtl .left-column .search-bar button {float: left; margin: 0 -10px 0 0; padding: 6px 10px; background: #fff; border: 2px solid #aaa; border-radius: 50em; box-sizing: border-box; cursor: pointer; font-weight: bold;}

.left-column .search-bar button:hover {background: #06517f; color: #fff; border: 2px solid #06517f;}
.left-column .search-bar > .search-holder {display: block; margin: 0; padding: 5px 10px; border: 2px solid #ccc; border-radius: 50em 0 0 50em; box-sizing: border-box; overflow: hidden;}
.rtl .left-column .search-bar > .search-holder {display: block; margin: 0; padding: 5px 10px; border: 2px solid #ccc; border-radius: 0 50em 50em 0; box-sizing: border-box; overflow: hidden;}

.left-column .search-bar > .search-holder input {width: 100%; border: none;}

/* FILTER BOX */
.left-column .titled-box {margin: 0 0 10px; padding: 10px; background: #fff; border-right: 0px solid #d3d3d3;}
.left-column .titled-box > .box-title {display: block; width: auto; height: auto; margin: -10px -10px 6px; padding: 5px 0px; border-bottom: 1px solid #ccc; background: #fff; font-size: 14px; font-weight: bold; color: #333; cursor: pointer;}
.left-column .titled-box > p {display: block; width: auto; height: auto; margin: -10px -10px 10px; padding: 3px 3px; border-bottom: 1px solid #ccc; background: #fff; font-size: 14px; font-weight: bold; color: #333; cursor: pointer;}
.left-column .titled-box p:after {float: right; font-family: 'dk' !important; content: "\e910\00a0"; font-size: 22px; font-weight: normal; color: #333; line-height: 1.0; cursor: pointer; vertical-align: normal;padding-right: -10px;}

.rtl .left-column .titled-box p:after {float: left; font-family: 'dk' !important; content: "\e90f\00a0"; font-size: 22px; font-weight: normal; color: #333; line-height: 1.0; cursor: pointer; vertical-align: normal;padding-left: -10px;}



.left-column .titled-box p.active:after {font-family: 'dk' !important; content: "\e90e\00a0";}

.filter-pair {display: block; width: auto; height: auto; margin: 10px 0 0; padding: 5px 0 8px; color: #333; border-bottom: 1px solid #ccc; box-sizing: border-box;margin: -3px -10px 5px;}
.filter-pair > .filter-header {display: block; width: inherit; height: inherit; font-size: 12px; font-weight: bold; color: #333; cursor: pointer;}
.filter-pair > .filter-header:after {float: right; font-family: 'dk' !important; content: "\f067\00a0"; font-size: 12px; font-weight: normal; color: #333; cursor: pointer; vertical-align: normal;margin-right: 5px;}
.rtl .filter-pair > .filter-header:after {float: left; font-family: 'dk' !important; content: "\f067\00a0"; font-size: 12px; font-weight: normal; color: #333; cursor: pointer; vertical-align: normal;margin-left: 5px;}

.filter-pair > .filter-header.active:after {font-family: 'dk' !important; content: "\f068\00a0";}
.filter-pair > .filter-group {/*! max-height: 140px; */ margin-top: 3px; padding: 3px 3px 3px 0; background: #fff; border: 0px solid #d3d3d3;  /*! overflow-x: hidden; *//*! overflow-y: auto; */height: auto;}
.filter-group.active > .filter-pair > .filter-group.active { padding-left: 5px;}

.filter-group {
    display: block; 
    width: auto; 
    height: auto; 
    margin: 10px 0 0; 
    padding: 5px 0; 
    color: #333; 
    border-bottom: 1px solid #ccc; 
    box-sizing: border-box;
}

.filter-group > .filter-header {
    display: block; 
    width: inherit; 
    height: inherit; 
    font-size: 12px; 
    font-weight: bold; 
    color: #333; 
    cursor: pointer;
}

.filter-header + .filter-group.active > .refinement.expandable:after {
    float: right; 
    font-family: 'dk' !important; 
    content: "\f067\00a0"; 
    font-size: 12px; 
    font-weight: normal; 
    color: #333; 
    cursor: pointer; 
    vertical-align: normal;

}

.rtl .filter-header + .filter-group.active > .refinement.expandable:after {
    float: left; 
}

.filter-header + .filter-group.active > .refinement.active.expandable:after {
    font-family: 'dk' !important; 
    content: "\f068\00a0";
}

.filter-group.active > .refinement {
    /*! max-height: 140px; */ 
    margin-top: 3px; 
    padding: 0 2px 0 20px; 
    background: white; 
    border: 0px solid #d3d3d3; 
    cursor: pointer;
}

.rtl .filter-group.active > .refinement {
    padding: 0 20px 0 5px; 
}

.filter-group .filter-pair {
    margin-top: 3px; 
    padding: 0 3px 0 20px; 
    background: white; 
    border: 0px solid #d3d3d3; 
}

.rtl .filter-group .filter-pair {
    padding: 0 20px 0 3px;
}


/* FILTER - CLEAR ALL BUTTON */
.left-column .filter-clear-all {display: block; width: 100%; height: auto; margin: 20px auto 0; padding: 0; text-align: center;}
.left-column .filter-clear-all button {display: block; margin: 0 auto; padding: 5px 10px; font-size: 14px; font-weight: bold; color: #333; background: #fff; border: 2px solid #aaa; border-radius: 50em; cursor: pointer;}
.left-column .filter-clear-all button:hover {background: #06517f; border: 2px solid #06517f; color: #fff;}

/* TOGGLE BOXES */
.filter-header ~ .filter-group, .filter-header ~ .date-filter {display: none;}
.filter-header.active ~ .filter-group, .filter-header.active ~ .date-filter {display: block;}

.filter-header ~ .filter-group, .refinement + .filter-pair {display: none;}
.filter-header.active ~ .filter-group, .refinement.active + .filter-pair {display: block;}

/* FILTER BOXES */
.refinement {display: block; position: relative; margin: 3px 0; padding-left: 20px; font-size: 12px;}
.refinement > input {position: absolute; left: -2px; top: -2px; vertical-align: middle;}
.rtl .refinement > input {position: absolute; right: -2px; top: -2px; vertical-align: middle;}

/* SELECTED FILTER BOX */
.right-column .titled-box {display: block; margin: 0 auto 15px; padding: 10px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px;}
.right-column .titled-box .box-title {display: block; margin: 0; padding: 0; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; box-sizing: border-box;}
.right-column .selected-filters {margin: 10px 0 0 0;}
.right-column .selected-filters > .selected-group {margin-right: 5px; font-weight: bold;}
.right-column .selected-filters > .selected-group::after {content: ':';}
.right-column .selected-filters > .filter-sep {margin-right: 5px;}
.right-column .titled-box .filter-clear-all {display: none; width: 100%; height: auto; margin: 20px auto 0; padding: 0; text-align: center;}
.right-column .titled-box .filter-clear-all button {display: block; margin: 0 auto; padding: 5px 10px; font-size: 14px; font-weight: bold; color: #333; background: #fff; border: 2px solid #aaa; border-radius: 50em; cursor: pointer;}
.right-column .titled-box .filter-clear-all button:hover {background: #06517f; border: 2px solid #06517f; color: #fff;}

/* FILTER BORDER and SPACING REMOVAL */
.date-filter {width: 100%; margin: 8px 0 0; padding: 0; background: #fff; border: 0px solid #d3d3d3;}
.date-filter td, .date-filter th {margin: 0; padding: 0;}
.date-box .invalid {color: #ff0000;} 

/* SHOWING RESULTS MESSAGE and DYM - DID YOU MEAN */
.auto-correct, .dym {clear: both; margin-top: 15px;}

/* DATE PICKER */
.duration_search {float:right;}
.hasDatepicker {width:95%;}
.remove-filter {display: inline-block; width: 11px; height: 11px; background-image: url('https://www.digikey.com/catalog/static/images/close-x.png'); margin-left: 5px; cursor: pointer;}
/* DATE PICKER UI */
#ui-datepicker-div {direction:ltr;}
.ui-state-default {display: block; padding: 4px; font-size: 14px; text-decoration: none; text-align: center;}
.ui-corner-all, .ui-corner-all {padding:2px; border: 1px solid #ccc; cursor:pointer;}
.ui-datepicker-prev {float:left;}
.rtl .ui-datepicker-prev {float:right;}
.ui-datepicker-next {float:right;}
.rtl .ui-datepicker-next {float:left;}
.ui-datepicker-title {padding: 3px 0 0 0; text-align: center;}
.ui-datepicker-header .ui-widget-header {padding:3px;}

/*===[ RESULT LIST - Results, Results per Page, Pager ]===*/
.result-list {min-width:100%; width:100%;}
.result-list > .result-info {display: block; width: 100%; margin: 0px 0px;}
.result-list > .result-info:last-child {display: block; width: 100%; height: auto; margin: 5px auto 0; padding: 10px 0 0 0; text-align: center; border-top: 1px solid #ccc; box-sizing: border-box;}

/* RESULT NUMBER */
.result-report-wrapper {display: block; width: 100%; height: auto; margin: 0 auto; padding: 0; clear:both; font-size: 14px; line-height: 1.5;}
.result-report-wrapper .result-report {display: block; float: left; margin: 0; padding: 5px; font-weight: bold;}
.rtl .result-report-wrapper .result-report {float: right;}


/* RESULTS PER PAGE */
.result-info .results-per-page {display: block; float: right; margin: 0; padding: 5px; font-size: 11px; clear: both;}
.rtl .result-info .results-per-page {float: left;}
.result-info .results-per-page select {margin: 0 0 0 7px; font-size: 11px;}
.rtl .result-info .results-per-page select {margin: 0 7px 0 0;}

/* PAGER */
.pager {
    display: block;
    float: right;
    margin: 0;
    padding: 0;
}

.rtl .pager {
    float: left;
}

.pager button {
    display: block;
    float: left;
    margin: 0;
    padding: 5px 8px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: normal;
}

.rtl .pager button {
    float: right;
}


.pager button.button {
    background: #fff;
    color: #444;
    margin:0px;
    border: 1px solid #fff;
    box-shadow: none !important;
    min-width: auto;
}

.pager button.disabled,
.pager button:hover {
    background: #fff !important;;
    color: #06517f;
    font-weight: bold;
    border-bottom: 3px solid #06517f;
}

.pager button.disabled,
.pager button.disabled.current {
    border-bottom: 3px solid #06517f;
    box-sizing: border-box;
    background: #fff;
    font-weight: bold;
    color: #06517f;
}

.pager button.disabled,
.pager button.disabled.current:hover {
    border-bottom: 3px solid #06517f;
    background: #fff;
    color: #06517f;
}

.pager button.disabled,
.pager button.disabled.current:first-child,
.pager button.disabled,
.pager button.disabled.current:last-child {
    border: 1px solid #fff;
    background: #fff;
    font-weight: normal;
    color: #333;
}

.pager button.disabled,
.pager button.disabled.current:hover:first-child,
.pager button.disabled,
.pager button.disabled.current:hover:last-child {
    border: 1px solid #fff;
    background: #fff;
    color: #333;
}

.pager button.disabled,
.pager button.disabled {
    background: #fff;
    color: #333;
    border: 1px solid #fff;
}

.pager button.disabled,
.pager button.disabled:hover {
    background: #fff;
    color: #333;
    border: 1px solid #fff;
}

/*===[ SIDEBAR SECTION ]===*/
/* EMAIL SIGN-UP IMAGE */
.right-column .richtextcontent img {display: none;}

/*===[ FLAGS - CORNER RIBBON]===*/
span.corner-ribbon {position: absolute; top: 25px; right: -34px; width: 130px; height: 0px; font-size: 11px; font-weight: 600; text-align: center; white-space: nowrap; z-index: 0;
    -webkit-transform: rotate(39deg);
    -moz-transform: rotate(39deg);
    -ms-transform: rotate(39deg);
    -o-transform: rotate(39deg);
    transform: rotate(39deg);
}
span.corner-ribbon::before {display: block; position: absolute; top: -2px; left: -39px; width: 141%; content: ""; box-sizing: border-box; border: 17px solid transparent; border-top-width: 0; border-left-width: 0; border-right-width: 0; z-index: -1;}
.result-list .result .corner-ribbon.new, .result-list .result.updated .corner-ribbon {color: #fff;}
.result-list .result .corner-ribbon.new::before {background-color: #668421;}
.result-list .result .corner-ribbon.comingSoon::before {background-color: #ffc320;}
.result-list .result .corner-ribbon.updated::before {background-color: #F8990B;}
.content .subtitle, .content .mk-s {margin-left: 10;}

/* DESIGN SERVICES PROVIDERS */
.content-banner .content-banner__content .dsp p {font-size: 14px;}

/* Media Queries */
/* Large Devices - Desktops */
@media screen and (max-width: 1199px) {
    /* BANNER */
    .content-banner .content-banner__content h1 {font-size: 35px;}
    .content-banner .content-banner__content p {width: 100%; font-size: 20px;}
    .content-banner .custom-button a {padding: 12px 15px; font-size: 16px;}
    .content-banner .content-banner__imagery {right: 90px;} 
}

/* Medium Devices - tablets */
@media screen and (max-width: 991px) {
    /* BANNER */
    .content-banner .content-banner__content {margin: 25px 50px 0;}
    .content-banner .content-banner__imagery {right: 0px;} 

    /* COLUMNS */
    .content-column .left-column {-webkit-flex: 1 0 35%; -ms-flex: 1 0 35%; flex: 1 0 35%;}
    .content-column .right-column {-webkit-flex: 1 0 60%; -ms-flex: 1 0 60%; flex: 1 0 60%;}
}

/* Small Devices - landscape phones */
@media screen and (max-width: 768px) {
    /* BANNER */
    .content-banner__container {height: 200px;}
    .content-banner .content-banner__content {margin: 15px 15px 0;}
    .content-banner .content-banner__content h1 {font-size: 35px;}
    .content-banner .content-banner__content p {font-size: 20px; line-height: 1.4;}
    .content-banner .custom-button {width: 240px;}
    .content-banner .custom-button a {padding: 10px 13px; font-size: 16px;}
    .content-banner .content-banner__imagery {top: 0px;}
    .content-banner .content-banner__imagery img {width: 250px;}
    
    /* COLUMNS */
    .content-column .left-column {-webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%;}
    .content-column .right-column {-webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 !important; border: 0;}
    .left-column .titled-box {border: 0;}

    /* FILTER */
    .pager button {display: inline-block; float: none;}
    .result-list > .result-info {display: block; width: 250px; margin: 0px auto; text-align: center;}
    .result-list > .result-info:last-child {display: block; width: 250px; height: auto; margin: 0 auto; text-align: center;}
    .result-report-wrapper .result-report {float: none; margin: 5px auto; padding: 0;}
    .result-report-wrapper .results-per-page {float: none; margin: 10px auto; padding: 0;}
    .result-report-wrapper .pager {float: none;}
    .pager {float: none; margin: 5px auto;}
    .result-report-wrapper .result-left {display: block; float: none; width: 100%; margin: 0 auto; text-align: center; clear:both;}
    .result-report-wrapper .result-right {display: block; float: none; width: 100%; margin: 0 auto; text-align: center; clear:both;}
    .result-view-toggle {display: none; width: 60px; margin: 0 auto; text-align: center;}
    .result-info .results-per-page {float: none;}
    
    /* TOGGLE BOXES */
    .filter-pair {display: none;}
    .left-column p.box-title.active ~ .filter-pair {display: block;}
    p.main-box-title.active ~ .filter-pair {display: block;}
    .left-column .filter-clear-all {display: none;}
    .left-column p.box-title.active ~ .filter-clear-all {display: block;}
    p.main-box-title.active ~ .filter-clear-all {display: block;}
}

/* Extra Small Devices - portrait phones */
@media screen and (max-width: 575px) {
    /* BANNER */
    .content-banner .content-banner__content {width: auto; margin: 15px 0 0;}
    .content-banner .content-banner__content h1 {font-size: 30px; text-align: center;}
    .content-banner .content-banner__content p {font-size: 20px; line-height: 1.4; text-align: center;}
    .content-banner .custom-button {top: 20px; left: 0; right: 0; width: auto; height: 45px; margin: 0 auto;}
    .content-banner .custom-button a {padding: 12px 15px; font-size: 16px;}
    .content-banner .content-banner__imagery img {display: none;}

    /* RIGHT COLUMN */
    .content-column .right-column {width: 100%;}

    /* ARTICLE RESULTS - LIST */
    .results__container__list .result .result__image {display: block; float: none; width: auto; height: auto; margin: 0 auto; padding: 10px; background: #fff; border: 0; overflow: hidden; box-sizing: border-box;}
    .results__container__list .result .result__image img {display: block; max-width: 100%; max-height: 100%; margin: 0 auto; padding: 0;}
    .video-result-container .video-result .video-image {float: none; margin: 0 auto;}
    .result-list .result .searchResultImg, .video-result-container .video-result .video-image {display: block; float: none; margin: 0 auto; padding: 10px;}
    .result-list .result img.searchResultImg, .video-result-container .video-result .video-image img {margin: 10px auto;}

    /* RESULTS */
    .video-result-container .video-result .video-image img {float: none;}
}

/* For Smaller Devices */
@media screen and (max-width: 376px) {}

/* Print Styles */
@media print {}